<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<%@ include file="../commen/commen_include.jsp"%>
<link rel="stylesheet" href="${pageContext.request.contextPath}/zTree_v3/css/demo.css" type="text/css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="${pageContext.request.contextPath}/zTree_v3/js/jquery.ztree.core-3.5.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/view/menu/js/menu.js"></script>
</head>
<body>
					<div class="page-content">
							<table style="width: 100%;">
								<tr>
									<td width="22%">
										<div>
											<ul id="treeDemo" class="ztree"></ul>
										</div>
									</td>
									<td>
													<p>
											<button class="btn btn-sm btn-danger" id="addBut">新增</button>
											<button class="btn btn-sm btn-warning" id="updateBut">修改</button>
											<button class="btn btn-sm btn-inverse" id="delBut">删除</button>
											<button class="btn btn-sm btn-primary" id="ueryBut">查询</button>
													</p>
													<div style="height: 5px;"></div>
												<table id="menu-table" width="0" border="0" cellspacing="1" cellpadding="0"></table>
												<div id="menu-pager"></div>
									</td>
								</tr>
							</table>
						<div id="addDiv" style="display: none;">
						<form id="addOrUpdateForm" method="post"  class="form-horizontal">
							<div class="form-group">
						    			<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 编码: </label>
										<div class="col-sm-9">
											<input type="text" id="CODE" name="menu.CODE" placeholder="编码" class="col-xs-10 col-sm-5">
										</div>
						    </div>
						    <div class="form-group">
						    			<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 名称: </label>
										<div class="col-sm-9">
											<input type="text" id="NAME" name="menu.NAME" placeholder="名称" class="col-xs-10 col-sm-5">
										</div>
						    </div>
						     <div class="form-group">
						    			<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 路径: </label>
										<div class="col-sm-9">
											<input type="text" id="PATH" name="menu.PATH" placeholder="路径" class="col-xs-10 col-sm-5">
										</div>
						    </div>
						     <div class="form-group">
						     			
						    			<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 上级目录: </label>
										<div class="col-sm-9">
											<input type="text" id="seLectMenu" name="" value="" onclick="showMenu(); return false;" placeholder="上级目录" class="col-xs-10 col-sm-5">
										    <input type="hidden" id="PARENT_ID" name="menu.PARENT_ID">
										   <div id="menuContent" class="menuContent" style="display:none; position: absolute;height: 160px; float: right;">
												<ul id="selectTree" class="ztree" style="margin-top:0; width:160px;"></ul>
				  						   </div>
										</div>

						      </div>
						    <div class="form-group">
						    			<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 图标: </label>
										<div class="col-sm-9">
											<input type="text" id="ICON_ID" name="menu.ICON_ID" placeholder="图标" class="col-xs-10 col-sm-5">
										</div>
						    </div>
						      <div class="form-group">
						    			<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 排序号: </label>
										<div class="col-sm-9">
											<input type="text" id="SORT_NUMBER" name="menu.SORT_NUMBER" placeholder="排序号" class="col-xs-10 col-sm-5">
										</div>
						      </div>
						</form>
						</div>
						<div style="display: none" id="removeDiv">
											<p class="bigger-110 bolder center grey">
												<i class="icon-hand-right blue bigger-120"></i>
												Are you sure?
											</p>
						</div>

				   </div>
				
</body>
</html>